<template>
  <el-card header="MIMIVA 开发团队" shadow="never">
    <el-table :data="adminTeam" size="mini" :show-header="false">
      <el-table-column width="150">
        <template slot-scope="{row}">
          <span>{{row.name}}</span>
        </template>
      </el-table-column>
      <el-table-column>
        <template slot-scope="{row,$index}">
          <span v-if="$index===0" class="copyright__item">{{row.value}}</span>
          <template v-else>
            <div class="member-nickaname__item" v-for="(temp,index) in row.value.split(',')" :key="index">
              <el-link href="http://baidu.com" target="_blank"  type="info" icon="el-icon-user-solid" >{{temp}}</el-link>
            </div>
          </template>
        </template>
      </el-table-column>
    </el-table>
  </el-card>
</template>

<script>
export default {
    data() {
        return {
            adminTeam: [
                { group: 'copyrightTeam', name: '版权所有', value: 'KujoMiva' },
                { group: 'copyrightTeam', name: '总策划兼项目经理', value: 'KujoMiva,米法,米米法' },
                { group: 'copyrightTeam', name: '产品设计与研发团队', value: 'KujoMiva,米法,米米法' },
                { group: 'copyrightTeam', name: '界面与用户体验团队', value: 'KujoMiva,米法,米米法' },
                { group: 'copyrightTeam', name: '感谢贡献者', value: 'KujoMiva Fans,KujoMiva,米法,米米法' },
            ],
        };
    },
};
</script>

<style lang="scss" scoped>
.copyright__item {
  font-weight: bold;
  font-size: 13px;
}
.member-nickaname__item {
  width: 30%;
  display: inline-block;
  margin-right: 10px;
}
</style>
